<template>
  <div class="page-container work-container">
    <el-row :gutter="10" style="display:flex;">
      <el-col :span="4" style="min-width:260px;">
        <workcatalog />
      </el-col>
      <el-col :span="20">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <!-- <el-tab-pane label="平面图纸" name="1">
            <workdrawing/>
          </el-tab-pane> -->
          <el-tab-pane label="平面零件" name="2">
            <workpart/>
          </el-tab-pane>
          <el-tab-pane label="平面排版结果" name="3">
            <workresult/>
          </el-tab-pane>
        </el-tabs>

      </el-col>
    </el-row>
  </div>
</template>
  
<script>
  import global from '@/utils/global';
  import Workcatalog from './Workcatalog.vue';
  import Workdrawing from './Workdrawing.vue';
  import Workpart from './Workpart.vue';
  import Workresult from './Workresult.vue';
  export default {
    name: 'work',
    components: { Workcatalog,Workdrawing,Workpart,Workresult},
    data() {
      return {
        activeName: '2'
      };
    },
    filters: {
      formDate: (val) => {
        return global.getdate1(val);
      }
    },
    mounted() {

    },
    methods: {
      handleClick(){}
    }
  };
</script>
<style lang="less">
.work-container {
  .del {
    color: red;
  }
  .list-content{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding:10px;
  }
  .list-group{
    width: 12.5%;
    padding:10px;
  }
  .list-item{
    background: #eee;
    border:1px solid #eee;
    border-radius: 4px;
    .list-imgs{
      height: 120px;
      background: #fff;
    }
    .list-item-title{
      padding:4px;
      font-size: 14px;
      background: #fff;
    }
    .list-item-info{
      padding:6px 4px;
      font-size: 12px;
    }
  }
  .workdrawing-container{
    .drawing-catalog{
      padding:0 8px;
      background: #fafafa;
    }
    .el-checkbox{
      margin-right:0;
      display: block;
      padding:4px 0;
    }
    .drawing-catalog-group{
      height: 78vh;
    }
  }
  
}
</style>
  
  